.messageBox{
  width: fit-content;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  background-color: #08AEEA;
  background-image: linear-gradient(45deg, #08AEEA 0%, #2AF598 100%);
  border-radius: 2vw;
  padding: 0.5vw;
  max-width: 67vw;
}
.inner{
  //width: fit-content;
  color: white;
  margin: 1vw;
  font-size: 4.5vw;
  line-height: 5vw;
  padding: 0 2vw 0 2vw;
  text-align: left;
}
.yourMessage{
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 2vw;
}
.myMessage{
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 2vw;
}
.icon{
  width: 12vw;
  height: 12vw;
  margin:0 2vw 0 2vw;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.iconImg{
  width: 100%;
  height: 100%;
}
